<html>
 <head>
 	<link rel="stylesheet" href="jquery.ui.all.css">
	<script src="jquery-1.5.1.js"></script>
	<script src="jquery.ui.core.js"></script>
	<script src="jquery.ui.widget.js"></script>
	<script src="jquery.ui.button.js"></script>
	<link rel="stylesheet" type="text/css" href="mystyle.css" />
	<script>
	$(function() {
		$( "#radio" ).buttonset();
	});
	</script>

 <title>Lab Assistant : New User Sign-up</title>
 </head>
 <body>

 <center>
 <img src="LabHeader.jpg" />
 <br />
 <br />
  <h1>Sign-Up</h1>
  <form name=form1 action="createUser.jsp" method="post">
  <table width=600>
   <tr>
    <td align=right width=200>
     Name:
    </td>
    <td align=left width=400>
     <input type=text name="txtName" size=20>
    </td>
   </tr>
   <tr>
    <td align=right width=200>
     Username:
    </td>
    <td align=left width=400>
     <input type=text name="txtUsername" size=20>
    </td>
   </tr>
   <tr>
    <td align=right width=200>
     Password:
    </td>
    <td align=left width=400>
     <input type=text name="txtPassword" size=20>
    </td>
   </tr>
   <tr>
    <td align=right width=200>
     Email:
    </td>
    <td align=left width=400>
     <input type=text name="txtEmail" size=30>
    </td>
   </tr>
   <tr>
    <td align=right width=200>
     &nbsp;
    </td>
    <td align=left width=400>
     <input type="radio" id="radio" name="type" value="Student" checked="checked" /><label for="Student">I am a Student</label>
     <input type="radio" id="radio" name="type" value="Instructor" /><label for="Instructor">I am an Instructor</label>
    </td>
   </tr>
      <tr>
    <td align=right width=200>
     &nbsp;
    </td>
   </tr>
  </table>
  <br>
  <input type=submit value="Send">
  <input type=reset value="Reset">
 </form>
 </center>
 </body>
</html>

